{include file="news/header.tpl"}
	


<!-- 头部// -->
{include file="news/top.tpl"}

<!-- 左侧// -->


<!-- 头部// -->
{include file="news/nav.tpl"}


<!-- start: Content -->
			<div id="content" class="span10">
			
						
			<div class="row-fluid">




				<div class="well">
				
		<canvas id="canvas" height="450" width="1000px"></canvas>
</div></div></div>

<script src="./static/bootstrap2/js/Chart.js" ></script>

{literal}
	<script>

		var lineChartData = {
			labels : [{/literal}{$keys}{literal}],
			datasets : [
				{
					fillColor : "rgba(151,187,205,0.5)",
					strokeColor : "rgba(151,187,205,1)",
					pointColor : "rgba(151,187,205,1)",
					pointStrokeColor : "#fff",
					data : [{/literal}{$values}{literal}]
				}
			]
			
		}

	   var options={
			   scaleGridLineWidth:1,
				pointDotStrokeWidth : 1,
				datasetStrokeWidth :2,
				//是否显示网格线
				// 网格线是否在数据线的上面        
		        scaleOverlay : true,
		        
		        //Boolean - If we want to override with a hard coded scale
		        // 是否用硬编码重写y轴网格线
		        scaleOverride : true,
				 scaleShowGridLines : true,
				  scaleSteps : 7,		//y轴刻度的个数
			        scaleStepWidth : {/literal}{$scale}{literal},   //y轴每个刻度的宽度
			        scaleStartValue : 0,	//y轴的起始值
			   }

	var myLine = new Chart(document.getElementById("canvas").getContext("2d")).Line(lineChartData,options);
	
	</script>
	{/literal}
	
{include file="news/footer.tpl"}

